<template>
  <div class="ref">
    <h2>我是一个 ref 组件</h2>
    <h3>{{ msg }}</h3>
    <button @click="changeMsg">点击修改 msg</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "前端老兵",
    };
  },
  methods: {
    changeMsg() {
      this.msg += "...";
    },
  },
};
</script>

<style>
</style>